<!DOCTYPE html>
<html lang="en">
  <head>
    <title>档案管理</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <link href="..\..\bower_components/bootstrap/dist/css/bootstrap.css" rel="stylesheet">
    <link href="..\stylesheets/public.css" rel="stylesheet">
  </head>
  <body>
    <div class="container-fluid">
      <div style="background:#FFF;" class="row content-padding">
        <div class="col-xs-3"><img src="..\images/爸爸.png" class="center-block common-img img-circle img-responsive"></div>
        <div class="col-xs-6">
          <h5 class="h5 md-font-size">我关心的人-爸爸 &nbsp;&nbsp;<i data-toggle="modal" data-target="#changeInfo" class="edit-icon"></i></h5>
          <p class="xs-font-size pure-gray-color">1963/06/11&nbsp;172cm&nbsp;54kg</p>
        </div>
        <div class="col-xs-3 clear-padding">
          <div class="addUser pull-right"></div>
        </div>
      </div>
      <div class="row content-padding row-box">
        <div class="col-xs-4"><a><img src="..\images/健康档案-21.png" class="center-block record-img img-responsive"></a></div>
        <div class="col-xs-4"><a><img src="..\images/健康档案-22.png" class="center-block record-img img-responsive"></a></div>
        <div class="col-xs-4"><a><img src="..\images/健康档案-23.png" class="center-block record-img img-responsive"></a></div>
      </div>
      <div class="row row-box">
        <div class="col-xs-12 blue-title"><span class="md-font-size pull-left">近期测量</span><a class="xs-font-size pure-gray-color pull-right">查看更多<i class="more-icon"></i></a></div>
        <div class="col-xs-12">
          <table class="table xs-font-size pure-gray-color clear-margin-bottom">
            <tr style="border-top-style: hidden;">
              <td><span class="clock-icon">血糖(晚餐后)</span></td>
              <td> 4.7mmol/L</td>
              <td>今天</td>
            </tr>
            <tr>
              <td><span class="clock-icon"></span>血压</td>
              <td> 118/77mmHg</td>
              <td>今天</td>
            </tr>
            <tr>
              <td><span class="clock-icon"></span>BMI指数</td>
              <td>18.22<span class="low-icon"></span></td>
              <td>昨天</td>
            </tr>
            <tr>
              <td><span class="clock-icon"></span>BMI指数</td>
              <td> 20.03</td>
              <td> 昨天</td>
            </tr>
          </table>
        </div>
      </div>
      <div class="row row-box">
        <div class="col-xs-12 blue-title"><span class="pull-left md-font-size">健康计划</span><a class="xs-font-size pure-gray-color pull-right">添加计划<i class="plus-icon"></i></a></div>
        <div class="col-xs-3 content-padding"><a><img src="..\images/健康档案-28.png" class="center-block img-circle common-img img-responsive">
            <p class="text-center pure-gray-color xs-font-size clear-margin-bottom">塑身训练</p></a></div>
        <div class="col-xs-3 content-padding"><a><img src="..\images/健康档案-28.png" class="center-block img-circle common-img img-responsive">
            <p class="text-center pure-gray-color xs-font-size clear-margin-bottom">蛋白质补充</p></a></div>
        <div class="col-xs-3 content-padding"><a><img src="..\images/健康档案-28.png" class="center-block img-circle common-img img-responsive">
            <p class="text-center pure-gray-color xs-font-size clear-margin-bottom">餐后运动</p></a></div>
        <div class="col-xs-3 content-padding"><a><img src="..\images/健康档案-28.png" class="center-block img-circle common-img img-responsive">
            <p class="text-center pure-gray-color xs-font-size clear-margin-bottom">保证睡眠</p></a></div>
      </div>
      <div class="row row-box">
        <div class="col-xs-12 blue-title"><span class="md-font-size pull-left">健康服务</span></div>
        <div class="col-xs-6 clear-padding"><a><img src="..\images/健康档案-29.png" class="center-block img-responsive"></a></div>
        <div class="col-xs-6 clear-padding"><a><img src="..\images/健康档案-30.png" class="center-block img-responsive"></a></div>
      </div>
    </div>
    <div class="mask">
      <div class="pop-window text-center">
        <div class="triangle"></div>
        <p>爸爸</p>
        <p>自己</p>
        <button type="button" class="btn btn-info addNewPerson">+&nbsp;&nbsp;我关心的人</button>
      </div>
    </div>
    <div id="changeInfo" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" class="modal fade text-center">
      <div role="document" class="modal-dialog">
        <div style="width:60%;margin: 10rem auto 0;" class="modal-content">
          <div class="modal-header">
            <button type="button" data-dismiss="modal" aria-label="Close" class="close"><span aria-hidden="true">×</span></button>
            <h5 id="exampleModalLabel" class="modal-title">请修改信息</h5>
          </div>
          <div class="modal-body">
            <form>
              <div class="form-group">
                <label for="recipient-name" class="control-label"></label>
                <input id="recipient-name" type="text" class="form-control">
              </div>
            </form>
          </div>
          <div class="modal-footer">
            <button type="button" data-dismiss="modal" class="btn btn-default">取消</button>
            <button type="button" class="btn btn-info">确认修改</button>
          </div>
        </div>
      </div>
    </div>
    <script src="..\..\bower_components/jquery/dist/jquery.js" type="text/javascript"></script>
    <script src="..\..\bower_components/bootstrap/dist/js/bootstrap.js" type="text/javascript"></script>
    <script src="..\javascripts/index.js" type="text/javascript"></script>
  </body>
</html>